有关网页制作.如何用<DIV>布局,做出三行三列?不用表格.

来源:百度知道 编辑:UC知道 时间:2024/06/22 00:08:18
我说的是用 DIV 标签布局,也就是CSS+DIV布局,而不是说用表格布局.

方法很多,比如:
<style type="text/css">
<!--
ul{
margin:0;
padding:0;
}
li{
list-style:none;
}
#h1,#h2,#h3 {
height: 50px;
width: 900px;
}
#h1 li,#h2 li,#h3 li{
float:left;
height:50px;
width:300px;
}
.ys1{
background-color:#000000;
}
.ys2{
background-color:#FF00FF;
}
.ys3{
background-color:#0000FF;
}

-->
</style>
<div id="h1">
<ul>
<li class="ys1">1</li>
<li class="ys2">2</li>
<li class="ys3">3</li>
</ul>
</div>
<div id="h2">
<li class="ys3">1</li>
<li class="ys1">2</li>
<li class="ys2">3</li>
</div>
<div id="h3">
<li class=&quo